<!--双向转诊药店订单查询-->
<template>
  <div class="detail">
    <div class="detail-item">
      <p class="detail-item-tle">患者信息</p>
      <div class="detail-item-com">
        <p>患者姓名：{{ dates.memberName ? dates.memberName : '暂无患者姓名' }}</p>
        <p>患者性别：{{ dates.gender === 1 ? '男' : dates.gender ===2?'女':'其他' }}</p>
        <p>出生日期：{{ dates.birth ? dates.birth : '暂无出生日期' }}</p>
        <p>证件类型：{{ dates.certType | creatfom }}</p>
        <p>证件号码：{{ dates.idcard ? dates.idcard : '暂无证件号码' }}</p>
        <p>医保类型：{{ dates.insuranceType | format }}</p>
        <p>医保卡号：{{ dates.insuranceNumber ? dates.insuranceNumber : '暂无医保卡号' }}</p>
        <p>患者年龄：{{ dates.age ? dates.age + '岁' : '暂无患者年龄' }}</p>
        <p>联系电话：{{ dates.phoneNumber ? dates.phoneNumber : '暂无联系电话' }}</p>
        <p>职  业： {{ dates.professionName ? dates.professionName : '暂无职业信息' }}</p>
        <p>患者国籍： {{ dates.nation === 1 ? '中国' : (dates.nation === 2 ? '其他' : '不详')}}</p>
        <p>所属民族： {{ folk }}</p>
        <p>工作单位：{{ dates.workUnit ? dates.workUnit : '暂无工作单位' }}</p>
        <p>患者身高：{{ dates.height ? dates.height + 'cm' : '暂无患者身高' }}</p>
        <p>患者体重：{{ dates.weight ? dates.weight + 'kg' : '暂无患者体重' }}</p>
        <p>家庭地址：{{ dates.homeAddress ? dates.homeAddress : '暂无患者家庭地址' }}</p>
      </div>
    </div>
    <div class="detail-item">
      <p class="detail-item-tle">病历信息</p>
      <div class="detail-item-com">
        <p>转诊病种：{{ dates.tranDisease ? dates.tranDisease : '暂无患者的转诊病种' }}</p>
        <p>ICD-10编码： {{ dates.icdDisease ? dates.icdDisease : '暂无患者的ICD-10编码' }}</p>
        <p>主       诉：{{ dates.mainsuit ? dates.mainsuit : '暂无患者的主诉' }}</p>
        <p>临床诊断：{{ dates.assessmentcontent ? dates.assessmentcontent : '暂无患者的临床诊断' }}</p>
        <p>转诊目的：{{ dates.tranGoal ? dates.tranGoal : '暂无患者的转诊目的' }}</p>
        <p>患者病史：{{ dates.patientHistory ? dates.patientHistory : '暂无患者的患者病史' }}</p>
        <p>现  病  史：{{ dates.nowHistory ? dates.nowHistory : '暂无患者的现病史' }}</p>
        <p>既  往  史：{{ dates.pastHistory ? dates.pastHistory : '暂无患者的既往史' }}</p>
        <p>过  敏  史：{{ dates.allergyHistory ? dates.allergyHistory : '暂无患者的过敏史' }}</p>
        <p>家  族  史：{{ dates.familyHistory ? dates.familyHistory : '暂无患者的家族史' }}</p>
        <p>入院用药：{{ dates.hospitalDrug ? dates.hospitalDrug : '暂无患者的入院用药' }}</p>
        <p>治疗经过：{{ dates.treatmentHistory ? dates.treatmentHistory : '暂无患者的治疗经过' }}</p>
        <p>体格检查：{{ dates.healthCheck ? dates.healthCheck : '暂无患者的体格检查' }}</p>
        <p>补充说明：{{ dates.supplementaryInstruction ? dates.supplementaryInstruction : '暂无补充说明' }}</p>
        <div>
          <p>影像资料：</p>
          <div class="img-bor" v-show="images.length > 0">
            <div style="width: 227px;height: 268px;border: 1px solid rgba(0,0,0,.2);box-shadow: 0 0 10px 0 rgba(0,0,0,.2);margin: 15px" v-for="item in images" :key="item.size">
              <img style="display: block;width: 220px;height: 260px;margin: auto;margin-top: 3px" :src="fileBaseUrl + item.smallFileName" @click="handleimgModel(item)">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="detail-item">
      <p class="detail-item-tle">申请信息</p>
      <div class="detail-item-com">
        <p>接诊医院：{{ dates.tranHospitalName }}</p>
        <p>接诊科室：{{ dates.tranDeptName }}</p>
        <p>接诊类型： {{ dates.receiveType === 0 ? '门诊' : '住院' }}</p>
        <p>平急诊： {{ dates.conType ? '平诊' : '急诊' }}</p>
        <p>预计到诊时间：{{ dates.tranTime ? dates.tranTime : '暂无预计到诊时间' }}</p>
        <p>床位编号：{{ dates.bedNum ? dates.bedNum : '暂无床位编号' }}</p>
        <p>申请医院：{{ dates.applyHospitalName ? dates.applyHospitalName : '暂无申请医院' }}</p>
        <p>申请科室：{{ dates.applyDeptName ? dates.applyDeptName : '暂无申请科室' }}</p>
        <p>申请医生：{{ dates.applyDoctorName ? dates.applyDoctorName : '暂无申请医生' }}</p>
        <p>联系电话：{{ dates.applyDoctorPhone ? dates.applyDoctorPhone : '暂无申请医生电话' }}</p>
      </div>
    </div>
    <div style="width: 100%;height: 35px;text-align: center">
      <Button type="primary" style="width: 100px;height: 35px;line-height: 0;margin: auto" @click="handleGOback">返回</Button>
    </div>
    <Modal v-model="modal1" title="查看大图" footer-hide>
      <img :src="imgurl"  style="width: 100%">
    </Modal>
  </div>
</template>

<script>
import api from "@/api/commonApi";
export default {
  name: 'detail',
  data() {
    return {
      modal1: false,
      dates: {},
      images: [],
      folk: '',
      imgurl: ''
    }
  },
  mounted() {
    let dates = JSON.parse(sessionStorage.getItem("financialList"))
    this.dates = dates
    this.images = JSON.parse(dates.caseImages)
    this.gethomecode()
  },
  beforeDestroy() {
    sessionStorage.removeItem('financialList')
  },
  methods: {
    gethomecode() {
      this.$axios.post(api.findDoctorDict).then(resp => {
          if (resp.data.code === 1) {
            const resObj = resp.data.object.nationalityList;
            resObj.filter(item => {
              if (item.dictType.indexOf(this.dates.folk) !== -1) {
                this.folk = item.dictName
              }
            })
          } else {
            this.$Message.error(resp.data.message);
          }
        })
    },
    handleimgModel(items) {
      this.imgurl = this.fileBaseUrl + items.smallFileName
      this.modal1 = true
    },
    handleGOback() {
     this.$router.back()
    }
  },
  filters: {
    creatfom(val) {
      switch (parseInt(val)) {
        case 1:
          return "居民身份证"
        case 2:
          return "居民户口簿"
        case 3:
          return "护照"
        case 4:
          return "军官证"
        case 5:
          return "驾驶证"
        case 6:
          return "港澳居民通行证"
        case 7:
          return "台湾居民通行证"
        case 8:
          return "其他法定有效证件"
      }
    },
    format(val) {
      switch (parseInt(val)) {
        case 1:
          return '城镇职工基本医疗保险'
        case 2:
          return '新型农村合作医疗'
        case 3:
          return '城镇居民基本医疗保险'
        case 4:
          return '离休干部医疗保险'
        case 5:
          return '自费'
      }
    }
  }
}
</script>

<style lang="less" scoped>
  .detail{
    width: 98%;
    margin: auto;
    .detail-item{
      width: 100%;
      min-height: 150px;
      border: 1px solid #dddddd;
      border-radius: 6px;
      margin-bottom: 20px;
      background-color: white;
      .detail-item-tle{
        width: 100%;
        margin: auto;
        height: 40px;
        line-height: 40px;
        text-indent: 15px;
        color: #242526;
        background-color: #f5f5f5;
        border-color: #ddd;
        font-size: 14px;
        border-radius: 6px 6px 0 0;
      }
      .detail-item-com{
        width: 96%;
        margin: auto;
        font-size: 13px;
        color: #676a6c;
        padding: 15px 0;
        line-height: 22px;
        .img-bor{
          width: 100%;
          border: 1px solid #ddd;
          display: flex;
          flex-flow: row wrap;
          justify-content: flex-start;
        }
      }
    }
  }
</style>
